<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<link type="text/css" href="css/jquery/redmond/jquery-ui-1.8.6.custom.css"
		rel="stylesheet" />
	<link rel="stylesheet" href="css/jquery/style.css" type="text/css"></link>
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
	<script type="text/javascript" src="js/generarCotizacion.js"></script>
	<script type="text/javascript" src="js/validaciones.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="pedirCotizacion.htm">
<br>
	<div id="content">
		<input type="hidden" id="items" name="items" value="hola">	
		<div id="errorCotizacionDiv" align="center" class="ui-widget-header errorDiv">
  			<label id="errorCotizacion"></label>
		</div>
		<table align="center" id="tablaInputsCotizacion">
			<tr>
				<td>Cliente : </td>
				<td>
					<input id="clienteID" name="clienteID" class="ui-widget ui-state-hover autocompleteClientes notEmpty"/>
				</td>
			</tr>
			<tr>
				<td>Porcentaje de Ganancia :</td>
				<td>
					<input id="porcentajeGanancia" name="porcentajeGanancia" class="checkNumeric"/>
				</td>
			</tr>
			<tr>
				<td>Validez (en dias) :</td>
				<td>
					<input id="validez" name="validez" class="checkNumeric"/>
				</td>
			</tr>
			<tr>
				<td>Rodamiento :</td>
				<td>
					<input id="codSKF" name="codSKF" class="autocompleteRodamientos notEmpty"/>
				</td>
			</tr>
			<tr>
				<td>Cantidad :</td>
				<td>
					<input id="cantidad" name="cantidad" class="checkNumeric"/>
				</td>
			</tr>		
		</table>
		<div align="center">
			<input type="button" id="agregar1" value="Agregar" onclick="agregarItem()" class="ui-button ui-state-default ui-corner-all"/>
		</div>
		<div id="tabla" style="display:none">
			<table align="center">
				<tr>
					<td>Tabla de pedidos actuales</td>
				</tr>
			</table>
			<div style="width: 100%" id="divListado1">
				<div id="lista1" align="center">
					<table align="center" class="rounded-corner">
						<thead>
							<tr id='headers1'>
								<th class="rounded-left" id='headerRodamiento1'>Rodamiento </th>
								<th>Cantidad</th>
							</tr>
						</thead>
						<tbody id="contenidoTablaGenerarP">
						</tbody>
					</table>
				</div>
			</div>
			<div align="center">
				<input type="submit" id="guardar1" value="PedirCotizacion" onclick="setearItemsParaServlet()" class="ui-button ui-state-default ui-corner-all"/>
				<input type="button" id="cancelar1" value="Cancelar" onclick="cancelarCotizacion()" class="ui-button ui-state-default ui-corner-all">
			</div>
		</div>
	</div>
</form>
</body>
</html>